<!DOCTYPE html>
<html>
<head>
<?php include_once VIEWS.'inc/head.php'; ?>
<?php
	echo static_file('web/css/swiper-3.3.1.min.css');
	echo static_file('web/js/swiper-3.3.1.min.js');;
	echo static_file('web/css/flexslider.css');
	echo static_file('web/js/jquery.flexslider-min.js');
	echo static_file('web/css/jquery.mCustomScrollbar.css');
	echo static_file('web/js/jquery.mCustomScrollbar.js');
	echo static_file('web/js/jquery.lazyload.min.js');
?>
</head>

<body>
	<div class="main">
		<?php include_once VIEWS.'inc/header.php'; ?>
		<section class="solution">
			<div class="abanner">
				<img src="<?php echo static_file('web/img/solution.jpg')?>" alt="">
			</div>
			<div class="solution_box" style="background:url(<?php echo static_file('web/img/lz.jpg')?>) no-repeat bottom center;background-size:contain">
				<div class="solution_top wow fadeInUp solution_top2" >
					<div class="solution_cen w1440">
						<div class="title">
							<div class="cn">合作伙伴</div>
							<div class="en">Partners</div>
						</div>
						<div class="ds">我们用高科技、高品质、人性化的产品在满足您热水需求的同时，为您提供更加环保、智能、舒适的品位生活。</div>
					</div>
				</div>
				<div class="cooperation_box w1440">
					<div class="list_box wow fadeInUp">
						<div class="tit"><span>战略合作伙伴</span></div>
						<div class="list">
							<ul class="f-cb">
								<li>
									<div class="line line1"></div>
									<div class="line line2"></div>
									<div class="line line3"></div>
									<div class="line line4"></div>
									<div class="logo">
										<img src="<?php echo static_file('web/img/co1.png')?>" alt="">
									</div>
									<div class="txt">清华大学</div>
								</li>
								<li>
									<div class="line line1"></div>
									<div class="line line2"></div>
									<div class="line line3"></div>
									<div class="line line4"></div>
									<div class="logo">
										<img src="<?php echo static_file('web/img/co2.png')?>" alt="">
									</div>
									<div class="txt">北京大学</div>
								</li>
								<li>
									<div class="line line1"></div>
									<div class="line line2"></div>
									<div class="line line3"></div>
									<div class="line line4"></div>
									<div class="logo">
										<img src="<?php echo static_file('web/img/co3.png')?>" alt="">
									</div>
									<div class="txt">上海交通大学</div>
								</li>

								<li>
									<div class="line line1"></div>
									<div class="line line2"></div>
									<div class="line line3"></div>
									<div class="line line4"></div>
									<div class="logo">
										<img src="<?php echo static_file('web/img/co4.png')?>" alt="">
									</div>
									<div class="txt">东南大学</div>
								</li>
								<li>
									<div class="line line1"></div>
									<div class="line line2"></div>
									<div class="line line3"></div>
									<div class="line line4"></div>
									<div class="logo">
										<img src="<?php echo static_file('web/img/co5.png')?>" alt="">
									</div>
									<div class="txt">北京航空航天大学</div>
								</li>
							</ul>
						</div>
					</div>
					<div class="list_box wow fadeInUp">
						<div class="tit"><span>集采合作伙伴</span></div>
						<div class="list">
							<ul class="f-cb">
								<li>
									<div class="line line1"></div>
									<div class="line line2"></div>
									<div class="line line3"></div>
									<div class="line line4"></div>
									<div class="logo">
										<img src="<?php echo static_file('web/img/co6.png')?>" alt="">
									</div>
									<div class="txt">德国斯图加特大学</div>
								</li>
								<li>
									<div class="line line1"></div>
									<div class="line line2"></div>
									<div class="line line3"></div>
									<div class="line line4"></div>
									<div class="logo">
										<img src="<?php echo static_file('web/img/co7.png')?>" alt="">
									</div>
									<div class="txt">宝钢</div>
								</li>
								<li>
									<div class="line line1"></div>
									<div class="line line2"></div>
									<div class="line line3"></div>
									<div class="line line4"></div>
									<div class="logo">
										<img src="<?php echo static_file('web/img/co8.png')?>" alt="">
									</div>
									<div class="txt">德国PSE</div>
								</li>

								<li>
									<div class="line line1"></div>
									<div class="line line2"></div>
									<div class="line line3"></div>
									<div class="line line4"></div>
									<div class="logo">
										<img src="<?php echo static_file('web/img/co9.png')?>" alt="">
									</div>
									<div class="txt">河北钢铁集团</div>
								</li>
								<li>
									<div class="line line1"></div>
									<div class="line line2"></div>
									<div class="line line3"></div>
									<div class="line line4"></div>
									<div class="logo">
										<img src="<?php echo static_file('web/img/co10.png')?>" alt="">
									</div>
									<div class="txt">霍尼韦尔</div>
								</li>

								<li>
									<div class="line line1"></div>
									<div class="line line2"></div>
									<div class="line line3"></div>
									<div class="line line4"></div>
									<div class="logo">
										<img src="<?php echo static_file('web/img/co11.png')?>" alt="">
									</div>
									<div class="txt">亨斯迈</div>
								</li>
								<li>
									<div class="line line1"></div>
									<div class="line line2"></div>
									<div class="line line3"></div>
									<div class="line line4"></div>
									<div class="logo">
										<img src="<?php echo static_file('web/img/co12.png')?>" alt="">
									</div>
									<div class="txt">万科</div>
								</li>
								<li>
									<div class="line line1"></div>
									<div class="line line2"></div>
									<div class="line line3"></div>
									<div class="line line4"></div>
									<div class="logo">
										<img src="<?php echo static_file('web/img/co13.png')?>" alt="">
									</div>
									<div class="txt">绿地集团</div>
								</li>

								<li>
									<div class="line line1"></div>
									<div class="line line2"></div>
									<div class="line line3"></div>
									<div class="line line4"></div>
									<div class="logo">
										<img src="<?php echo static_file('web/img/co14.png')?>" alt="">
									</div>
									<div class="txt">金地集团</div>
								</li>
								<li>
									<div class="line line1"></div>
									<div class="line line2"></div>
									<div class="line line3"></div>
									<div class="line line4"></div>
									<div class="logo">
										<img src="<?php echo static_file('web/img/co15.png')?>" alt="">
									</div>
									<div class="txt">苏宁置业</div>
								</li>
							</ul>
							<div class="more">
								<div class="txt">加载更多</div>
								<img src="<?php echo static_file('web/img/sx.png')?>" alt="">
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
    	<?php include_once VIEWS.'inc/footer.php'; ?>
	</div>
</body>
</html>
<script>
	$(function(){
		$('header .bocweb-nav ul li').eq(3).addClass('active');
		$('.list ul li').height(Math.floor($('.list ul li').width()*(200/278)));
		$(window).resize(function(){
			$('.list ul li').height(Math.floor($('.list ul li').width()*(200/278)));
		})

		$('.more').click(function(){
			var _this=$(this);
			$.ajax({
				url:'<?php echo site_url('ajax/ajax_cooperation'); ?>',
				success:function(data){
					_this.siblings('ul').append(data);
					$('.list ul li').height(Math.floor($('.list ul li').width()*(200/278)));
					$(window).resize(function(){
						$('.list ul li').height(Math.floor($('.list ul li').width()*(200/278)));
					})
				}
			})
		})
	})
</script>

